// //分类的请求
$.get(
  "http://chst.vip:1234/api/getbrandtitle",
  {},
  (res) => {
    let html = "";
    $(res.result).each(function (i, item) {
      html += `  <li ><h4> ${item.brandTitle} ▼</h4> <div brandTitleId=${item.brandTitleId}> </div> </li>     `;
    });
    $("ul").html(html);
  },
  "json"
);
// //.............................

// // 内部分类的请求;

$(".contenttop").on("click", "li", function () {
  let brandTitleId = $(this).find("div").attr("brandTitleId");
  $.get(
    "http://chst.vip:1234/api/getbrand",
    { brandtitleid: brandTitleId },
    (res) => {
      //   console.log(res);
      let html = "";
      let num = 0;

      $(res.result).each(function (i, item) {
        num++;
        html += `
      <h5  brandtitleid= ${item.brandTitleId}  brandName =${item.brandName}  > 
        <span class='shu'>  ${num}  </span>  
         <span>${item.brandName} &nbsp &nbsp  ${item.brandInfo} </span>  </h5>  `;
      });

      //判断如果brandName如果一样 就插入到对应的DIV下

      //   if(`.contenttop .shu`)

      if (
        $(`.contenttop`)
          .find("div")
          [brandTitleId].getAttribute("brandTitleId") == brandTitleId
      ) {
        $(`.contenttop`).find("div")[brandTitleId].innerHTML = html;
      }
      //.........

      //   console.log($(".shu"));
    },
    "json"
  );
});
//.contenttop 里面的li 添加点击事件
// $(".contenttop").find("div").slideUp(0);
$(".contenttop").on("click", "h4", function () {
  $(this).parents(".contenttop").find("div").finish().slideUp(100);
  $(this).siblings("div").finish().slideDown(100);
});
// ////.contenttop 里面的P 添加点击事件
// $(`.contenttop`).on("click", "p", function () {
//   location.href = `./brandTitle.html?categoryid=${$(this).attr("categoryid")}`;
// });
// if ($(".shu").index() == 1) {
//   console.log($(".shu").index());
// }

//跳转页面  传送数据
$(`.contenttop`).on("click", "h5", function () {
  location.href = `./brand.html?brandtitleid=${$(this).attr(
    "brandtitleid"
  )}&brandName=${$(this).attr("brandName")} `;
});
